@charset "utf-8";
.web {
    .ki {
        margin-top: 46px;
         .pageination {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 1px solid #fff;
            background: none;
        }
        .active {
            background: #fff;
        }
       
    }
    section {
        .leiren {
            width: 1000px;
            margin: 0 auto;
            margin-bottom: 61px;
            .jianghu {
                a {
                    text-decoration: none;
                    .kubi {
                        background: url(../img/youxi-2.png) no-repeat;
                        background-position-y: 40px;
                        height: 459px;
                        width: 351px;
                        overflow: hidden;
                        img {
                            width: 100%;
                        }
                        p {
                            font-size: 20px;
                            color: #fff;
                            width: 39px;
                            height: 100px;
                            text-align: center;
                            padding-top: 10px;
                            background: url(../img/youxi-33.png) no-repeat;
                        }
                    }
                    .kubij {
                        background: url(../img/youxi-7.png) no-repeat;
                        background-position-y: 40px;
                        height: 480px;
                        width: 351px;
                        overflow: hidden;
                        img {
                            width: 100%;
                        }
                    }
                }
            }
            .huijie {
                padding: 0;
                .huione {
                    text-align: right;
                    p {
                        a {
                            text-decoration: none;
                            font-size: 29px;
                            color: #2a2a2a;
                        }
                    }
                    span {
                        font-size: 12px;
                        color: #898989;
                    }
                }
                .huionen {
                    p {
                        a {
                            text-decoration: none;
                            font-size: 29px;
                            color: #2a2a2a;
                        }
                    }
                    span {
                        font-size: 12px;
                        color: #898989;
                    }
                }
                .huitu {
                    margin: 0;
                    .zhiye {
                        padding: 0;
                        margin-top: 33px;
                        .liangji {
                            width: 275px;
                            height: 121px;
                            overflow: hidden;
                            border-radius: 5px;
                            a {
                                display: block;
                                text-decoration: none;
                                img {
                                    width: 100%;
                                }
                            }
                            a:hover {
                                background: #000000;
                                opacity: 0.5;
                            }
                        }
                    }
                    .gedou {
                        margin-top: 33px;
                        padding: 0;
                        .liangji {
                            width: 275px;
                            height: 121px;
                            overflow: hidden;
                            border-radius: 5px;
                            a {
                                display: block;
                                text-decoration: none;
                                img {
                                    width: 100%;
                                }
                            }
                            a:hover {
                                background: #000000;
                                opacity: 0.5;
                            }
                        }
                    }
                }
            }
        }
    }
    article {
        margin-bottom: 80px;
        background: #fff;
        .anli {
            margin: 0 auto;
            width: 1000px;
            .gengdou {
                h1 {
                    font-size: 36px;
                    color: #010101;
                    font-weight: normal;
                }
            }
            .menghua {
                padding: 0;
                position: relative;
                margin-top: 40px;
                .ltz {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 303px;
                    height: 133px;
                    background: rgba(78, 52, 45, 0.5);
                    transition-duration: 1s;
                    transform: scale(0);
                    border-radius: 5px;
                    p {
                        .a1 {
                            color: #fff;
                            font-size: 12px;
                            overflow: hidden;
                            -webkit-line-clamp: 4;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                        }
                    }
                }
                a {
                    display: block;
                    text-decoration: none;
                    .mengwa {
                        width: 303px;
                        height: 133px;
                        overflow: hidden;
                        border-radius: 5px;
                        img {
                            width: 100%;
                        }
                    }
                }
                p {
                    width: 303px;
                    text-align: center;
                    font-size: 14px;
                    color: #2a2a2a;
                    margin-top: 10px;
                }
            }
            .menghua:hover .ltz {
                transform: scale(1);
            }
        }
    }
}

@media only screen and (max-width:415px) {
    .web {
        .ki{
            .carousel-indicators{
                bottom: -7px;
            }
        }
        section {
            .leiren {
                width: 100%;
                .huijie {
                    .huitu {
                        .zhiye,
                        .gedou {
                            .liangji {
                                width: 169px;
                                height: 74px;
                                margin-left: 8px;
                            }
                        }
                    }
                }
                .jianghu {
                    display: none;
                }
            }
        }
        article {
            margin-bottom: 30px;
            .anli {
                width: 100%;
                .menghua {
                    margin-top: 0;
                    a {
                        .mengwa {
                            width: 164px;
                            height: 71px;
                            margin-left: 8px;
                        }
                    }
                    p {
                        width: 164px;
                    }
                    .ltz {
                        width: 164px;
                        height: 71px;
                        margin-left: 8px;
                    }
                }
            }
        }
        .foot {
            .foot1 {
                width: 100% !important;
                height: 100%;
                .foot2 {
                    justify-content: center;
                    span {
                        font-size: 11px;
                    }
                }
                .foot3 {
                    display: none;
                }
            }
        }
    }
}

@media only screen and (max-width:321px) {
    .web {
        section {
            .leiren {
                width: 100%;
                .huijie {
                    .huitu {
                        .zhiye,
                        .gedou {
                            .liangji {
                                width: 154px;
                                height: 80px;
                                margin-left: 2px;
                            }
                        }
                    }
                }
                .jianghu {
                    display: none;
                }
            }
        }
        article {
            margin-bottom: 30px;
            .anli {
                width: 100%;
                .menghua {
                    margin-top: 0;
                    a {
                        .mengwa {
                            width: 153px;
                            height: 79px;
                            margin-left: 5px;
                        }
                    }
                    p {
                        width: 153px;
                    }
                    .ltz {
                        width: 153px;
                        height: 79px;
                        margin-left: 5px;
                    }
                }
            }
        }
    }
}